<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div>7</div>
    <div>8</div>
    <div>9</div>
    <div>10</div>
    <script src="js/jquery1.42.min.js"></script>
    <script>
      // 可以通过选择器的方式找到它
      //   $("div:eq(4)").css("color", "pink");
      //   $("div").eq(4).css({
      //     backgroundColor: "pink",
      //     fontSize: "20px",
      //     color: "purple"
      //   });
      //   $("div").eq(4).nextAll().css({
      //     backgroundColor: "pink",
      //     fontSize: "20px",
      //     color: "purple"
      //   });
      //   $("div").eq(4).prevAll().css({
      //     backgroundColor: "pink",
      //     fontSize: "20px",
      //     color: "purple"
      //   });
      $("div").eq(4).siblings("div").css("color", "#f00");
    </script>
  </body>
</html>
